import React from 'react';
import { List, Picker } from 'antd-mobile';

import Star from '../../common/Star';
import './customerBase.sass';

const Item = List.Item;

class CustomerBase extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    const {data} = this.props;
    return (
      <div className="customer-base-container">
        <List className="global-list">

          <Item extra={data.typeString || '/'}>
            <span>客户类型</span>
          </Item>
          <Item extra={data.usedNames || '/'}>曾用名</Item>
          <Item extra={<Star number={data.starLevel || 0} />}>重点客户</Item>
          <Item extra={data.customerSourceName || '/'}>客户来源</Item>
          <Item extra={data.customerParamLevelName || '/'}>客户等级</Item>
          <Item
            extra={
              <div>
                {data.provinceName}{data.cityName} <br />{data.address}
              </div>
            }
          >
            客户所在地
          </Item>
          <Item extra={data.cooperationIntentionString || '/'}>合作意向</Item>
          <Item extra={data.customerStaffSizeString || '/'}>公司规模</Item>
          <Item extra={data.customerInsuredNumberString || '/'}>预计参保人数</Item>
          <Item extra={data.insureStatusString || '/'}>员工参保情况</Item>
          <Item extra={data.customerDemandString || '/'}>客户需求</Item>
        </List>
      </div>
    );
  }
}

export default CustomerBase;
